﻿.floatingmenu 
{
    float:left;
    display:block;
    width:150px;
}

        
a.button 
{
    margin-bottom: 5px;
    width:150px;
}
        
.effect 
{ 
    width: 400px; 
    height: 400px; 
    padding: 0.4em; 
    position: relative; 
    float:right;
}

.effect h3 
{ 
    margin: 0; 
    padding: 0.4em; 
    text-align: center; 
}

.footer 
{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}
.footer ul
{
    list-style:none; 
    position:relative;
    left:50%;
}
        
.footer li
{
    float:left;
    position:relative;
    padding-left:75px;
    padding-right:75px;
}
        
.footer-wrapper 
{
    height: 50px;
}
        
.footer-wrapper a:hover
{
    color:#ffffff;
}

 @font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url('Vera-webfont.eot');
    src: url('Vera-webfont.eot?#iefix') format('embedded-opentype'),
            url('Vera-webfont.woff') format('woff'),
            url('Vera-webfont.ttf') format('truetype'),
            url('Vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BitstreamVeraSansOblique';
    src: url('Vera-Italic-webfont.eot');
    src: url('Vera-Italic-webfont.eot?#iefix') format('embedded-opentype'),
            url('Vera-Italic-webfont.woff') format('woff'),
            url('Vera-Italic-webfont.ttf') format('truetype'),
            url('Vera-Italic-webfont.svg#BitstreamVeraSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

 .title
{
    padding-left:15px;
    height: 75px;
}

.title h1 
{
    font-family: BitstreamVeraSansRoman;
    position:relative;
    top: -15px;
}
        
.title h3
{
    font-family: BitstreamVeraSansOblique;
    position:relative;
    top:-35px;
    left: 15px;
}

.slider-button
{
    background-image: url(slider-button.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 101px;
    height: 97px;
}
        
.slider-base
{
    background-image: url(slider-base.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 124px;
    height: 396px;
}
        
.rotate 
{

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    
}
        
.rotate 
{
    display: block;
    position: absolute;
    top: 195px;
    left: -185px;
    font-size: 26px;
}
        
span.rotate 
{
    width: 396px;
    text-align: center;
}
        
.demo_slider
{
    position:relative; 
    float: left;
}
        
.demo_button
{
    position:relative;
    left:3px;
}